
//监听鼠标，执行旋转动作
function eyeball(){
    const eyes = document.querySelectorAll(".eye");
    // 遍历每一个眼睛
    eyes.forEach((eye)=>{
        //计算眼睛的位置
        let x = eye.getBoundingClientRect().left + eye.clientWidth / 2;
        let y = eye.getBoundingClientRect().top + eye.clientHeight / 2;
        //获得窗口事件
        let event=window.event;
        let radian = Math.atan2(event.pageY - y, event.pageX - x);
        // console.log("🚀 ~ 弧度", radian);
        // 弧度转角度，数学问题不细说 🚧
        let rotation = radian * (180 / Math.PI) + 180;
        // console.log("🚀 ~ 旋转角度", rotation);
    
        // 最后把算出来的旋转角度赋值给眼睛元素的 css 进行旋转
        eye.style.transform = `rotate(${rotation}deg)`;
    
    })

}
//设置旋转动作
document.querySelector("body").addEventListener("mousemove",eyeball)

